<!DOCTYPE html>
<%layout("inc/html.html"){};%>
	<%layout("inc/css.html"){};%>
	<link rel="stylesheet" href="${ctx}/static/assets/font-awesome/4.2.0/css/font-awesome.min.css">
    <title>${config.webname!"WE823 CMS"}</title>
	</head>
	<body>
		<div class="container-fluid">
			<div class="index-header-container container-fluid">
				<header class="header-bg">
				<%layout("inc/header.html",{isFirstPage:true}){};%>
				<div class="section-search">
				     <form action="products.jspx" method="post">
			         <input type="text" id="keyword" name="keyword" placeholder="请输入产品名称或型号"><button id="search-button" type="submit"><i class="fa fa-search"></i> 搜索</button>
			         </form>
			    </div>
				</header>
			</div>
			<div id="main-container">
				<div class="row">
					<div class="container-fluid" id="slider-container">
						<#cms_photolinks var="sliders" category="slide" count="9" orderby="addtime" sort="desc">
						<div class="col-md-12" id="image-news-slider">
							<%for(slider in sliders!){%>
						     <div data-background="${slider.imgUrl!}"></div>
						   <%}%>
					    </div>
						<!-- /.slider -->
						<span style="position:absolute; bottom: 0px; left: 0px;width: 100%;text-align: center;" class="controls">
			                <div style="display: block; margin: 0 auto" class="centeredDotsControls">
			                <%for(slide in sliders!){%>
			                  <a class="sudoSliderLink" data-target="${slideLP.index!}" href="#"><span>${slideLP.index!}</span></a>
			                <%}%>
			                </div>
				        </span>
				    </#cms_photolinks>
				    </div>
				   <!-- /.slider-container-->
				</div>
				<!-- /.row -->
				<div id="main-container-content">
					<div class="container">	
					  <div class="col-md-4 content-list" style="padding-right:30px">
					  <dl class="">
							<dt>
							   <span>案例展示</span>
							   <a href="cases.jspx" target="_blank">更多>></a>
						    </dt>
							<dd>
								<ul>
								<#cms_cases var="cases" tag="cases" category_id="0" count="8" orderby="addtime" sort="desc">
									<%for(caseModel in cases!){
										if(caseModelLP.index==1){
									%>
									<li class="thumb">
										<a href="case_${caseModel.id!0}.jspx">
										<img src="${caseModel.thumb}" alt="${caseModel.title!}" class="col-md-4">
										</a>
										<div class="col-md-8 content">
											<span><a href="case_${caseModel.id!0}.jspx">${caseModel.title}</a></span>
											<div class="desc">
											  ${caseModel.description!}
											</div>
										</div>
									</li>
									<%
										}else{
									%>
									<li><i class="fa fa-caret-right"></i> <a href="case_${caseModel.id!0}.jspx" target="_blank" title="${caseModel.title!''}"><%string_cut(caseModel.title,16);%></a></li>
									<%
									   }
									}
									%>
								</#cms_cases>
								</ul>
							</dd>
						</dl>
					</div>
					<!-- /.col-md-4 .news-1 -->
					
					<div class="content-list col-md-4">
						<!-- 资质 -->
						<dl class="photolink">
							<dt><span>公司资质</span>
								<a href="channel_13.jspx" target="_blank">更多>></a>
							</dt>
							<#cms_photolinks var="photolinks" count="3" category="other" orderby="addtime" sort="dessc">
								<%for(photolink in photolinks!){%>
									<dd class="col-md-4">
									    <a href="${photolink.linkurl!'#'}" title="${photolink.name!''}" target="_blank">
									    <img src="${photolink.imgUrl!}" alt="${photolink.name!}" class="col-md-12">
									    </a>
									</dd>
								<%}%>
							</#cms_photolinks>
						</dl>
						<!-- 新闻 -->
						<#cms_news_list var="hasMore,newsList" tag="newsList" channel="0" count="5" orderby="addtime" sort="desc">
						<dl class="news">
							<dt>
							<span>公司新闻</span>
								<%if(hasMore!=null && hasMore==true){%>
							    <a href="newss.jspx" target="_blank">更多>></a>
								<%}%>
							</dt>
							<dd>
								<ul>
									<%if(newsList!=null){%>
									<%for(news in newsList){%>
									<li><i class="fa fa-caret-right"></i> <a href="news_${news.id!0}.jspx" target="_blank" title="${news.title}"><%string_cut(news.title,18);%></a>(${news.addtime,"yy-MM-dd"})</li>
									<%}%>
									<%}%>
								</ul>
							</dd>
							
						</dl>
						</#cms_news_list>
						
					</div>
					<!-- /.col-md-4 .news-1 -->
					
				<div class="col-md-4 content-list" style="padding-left:20px">
				<dl>
					<dt>
					<span>公司介绍</span>
				    </dt>
					<dd style="padding:5px">
						 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;重庆兆文音响工程有限公司于一九八五年从事专业音响施工，曾与香港飞利浦、香港安恒利（国际）有限公司、香港天博（国际）有限公司、日本TOA株式会社、美国Meyer  Sound等国际一流企业合作。主要从事酒店弱电系统项目、大型演艺娱乐项目、影剧院、体育场馆、会议中心、KTV歌城等项目中音频、视频、灯光的设计、施工、维修、保养工作。
						 <img src="${ctx}/u/r/images/map3.png" width="100%" style="border:1px solid #ccc">
					</dd>
				</dl>
				</div>
				<!-- /.col-md-4 -->
				</div>
				</div>
				<!-- /.content row -->
				<div class="container brand-list">
					<div class="col-md-12">
						<h3>合作品牌  <i class="fa fa-chevron-down brand-more" title="查看更多"></i></h3>
					</div>
					<div class="col-md-12">
						<ul class="marquee col-md-12 marquee-fix-height">
							<#cms_brands var="brands" tag="brands" show_index="1">	
							<%for(brand in brands!){%>
							<li>
								<a href="${brand.homepage!'#'}" title="${brand.name!''}" target="_blank">
								<img src="http://office.zhaowen.com/upfile/${brand.logo!''}" alt="${brand.name!''}" />
								</a>
							</li>
							<%}%>
							</#cms_brands>
						</ul>
					</div>
					<!-- /.col-md-12 body -->
				</div>
				<!--品牌合作部分-->
			</div>
			<!-- /.main container -->
			<footer>
		        <%layout("inc/footer.html"){};%>
			</footer>
		</div>
		<%layout("inc/js.html"){};%>
		<script src="${ctx}/static/assets/jquery/slider/jquery.sudoSlider.min.js"></script>
		<script src="${ctx}/static/assets/jquery/slider/jquery.properload.js"></script>
		<script src="${ctx}/static/assets/jquery/jquery.marquee.min.js"></script>
		<script src="${ctx}/static/skins/${theme}/js/index.js"></script>
		<script>
			$(document).ready(function(){
				var options = {
					effect:'random',
					auto:true,
					continuous:true,
					resumePause:10000,
					numeric:false,
					responsive:true,
					touch:true,
					mouseTouch:true,
					prevNext:false,
					customLink: ".sudoSliderLink",
                	updateBefore: true
				};
				CMS.Front.Index.initSlider("image-news-slider",options,"slider-container");

				/*
				$(".marquee").marquee({
					duplicated:true,
					pauseOnHover:true,
					duration:30000
				});
				*/

				$('.brand-more').on('click',function(){
					var $marquee = $('.marquee');
					if($marquee.hasClass('marquee-fix-height')){
						$marquee.removeClass('marquee-fix-height');
						$(this).removeClass('fa-chevron-down').addClass('fa-chevron-up');
					}else{
						$marquee.addClass('marquee-fix-height');
						$(this).addClass('fa-chevron-down').removeClass('fa-chevron-up');
					}
				});

				$(document).on('scroll',function(){
                     var top = $(this).scrollTop();
                     if(top>100){
						$('.index-header-container header').removeClass('header-bg');
                      }else{
                    	$('.index-header-container header').addClass('header-bg');
                      }
				});
			});
		</script>
	</body>
</html>